<template>
	<div>
		<mt-header fixed title ="个人中心"></mt-header>
		<div>
			<mt-field label="用户名" placeholder="请输入用户名"></mt-field>
			<mt-field label="邮箱" placeholder="请输入邮箱" type="email"></mt-field>
			<mt-field label="密码" placeholder="请输入密码" type="password"></mt-field>
			<mt-field label="电话" placeholder="请输入电话" type="tel"></mt-field>
			<mt-field label="网站" placeholder="请输入网站" type="url"></mt-field><router-link to='map'>地图</router-link>	
			<mt-field label="数字" placeholder="请输入数字" type="number"></mt-field>
			<mt-field label="生日" placeholder="请输入生日" type="date"></mt-field>
			<mt-field label="添加描述" placeholder="请输入描述" type="textarea" rows="3"></mt-field>
			<div class="amap-wrapper">
		      <el-amap :vid="'amap-vue'"></el-amap>
		    </div>
		</div>
		<br/>
		<mt-button size="large" type="primary">提交</mt-button><br/>
		<mt-button size="large" type="default">取消</mt-button>
		<footerGuide></footerGuide> 
	</div>	
</template>
<script type="text/javascript">
	import { Button } from 'mint-ui';
	import footerGuide from '@/components/common/footer.vue';
	export default {
	 data: function() {
	 	return{

	 	}
	 },
	 	components:{footerGuide},
	}
</script>
<style lang="less">
	.amap-wrapper {
	  width: 500px;
	  height: 500px;
	}
	 // .amap-demo {
  //     height: 300px;
  //     width: 100%;
  //   }

  //   .search-box {
  //   	width: 90%;
  //     position: absolute;
  //     top: 25px;
  //     left: 10px;
  //   }

  //   .amap-page-container {
  //     position: relative;
  //   }
</style>